ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
header .nav a{
    color:#acacac;
}
header .right-box a:first-child{
color: #666;
border: 1px solid #666;
}
header .nav li.active a{
    border-bottom: 2px solid #00bdff;
    color: #00bdff;
    padding-bottom: 20px;
    font-size: 16px;
}
#classfly{
    margin-top: 110px;
}
#api li{
    padding:6px 12px;
    border:1px solid #dddddd;
    border-radius: 10px;
    display: inline-block;
    margin:10px 15px 0 0;
    color: #666;
    cursor: pointer;
    user-select: none;
}
#api li:hover{
    color:#00bdff;
    border:1px solid #00bdff;
}
/* 分类导航部分的样式 */
#nav .all input{
margin-left: 18px;
width: 230px;
height: 30px;
background-color: #f4f4f4;
border: none;
border-radius: 15px;
padding: 15px 30px 15px 15px;
box-sizing: border-box;
outline: none;
}
#nav .all img:first-of-type{
    vertical-align: -4px;
    margin-right: 5px;
}
#nav .all img:last-of-type{
    position: absolute;
    top: 8px;
    right: 10px;
}
#nav .other p:first-child{
    margin-right: 60px;
}
#nav .other a{
    color: #666;
    margin-left: 20px;
}
#nav .other a:hover{
    color: #ddd;
}
#nav .other p a:first-of-type{
    color:#00bdff;
}
#nav .other span{
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #00bdff;
    margin-right: 5px;
    vertical-align: 2px;
}
/* 下面的分类部分的样式 */
#list li{
    width: 226px;
    height: 270px;
    border:1px solid #eee;
    float: left;
    margin:0 15px 15px 0;
    padding:0px 20px 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
#list li .title{
    width:60px;
    height:24px;
    box-sizing: border-box;
    padding: 5px;
    background-color: #e5f8ff;
    position: absolute;
    top: -1px;
    left: 10px;
    color: #00bdff;
    border-radius: 3px;
    display: none;

}
#list li .on{
    display: block;
}
#list li .block{
    margin-top: 60px;
    
}
#list li .block>a{
    color: #666;
}
#list li .block img{
    width: 76px;
    height: 56px;
}
#list li .block a p:last-child{
    margin-top:20px;
}
#list .contant{
    position:absolute;
    bottom:26px;
    left: 0; 
    padding: 0 20px; 
    background-color: #fff;
    box-sizing: border-box;
    /* transition:all 1s ease-in-out; */
    /* display: none; */
}
#list .contant p{
    width:180px;
    height: 64px;
    margin-bottom: 20px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: none;
}
#list .contant a{
    padding:8px 68px;
    color: #fff;
    background-color:#00bdff;
    box-sizing: border-box;
    display: none;
}
#list li:nth-child(5n){
    margin-right: 0;
}
/* #list li:hover .block{
    margin-top: 40px;
}
#list li:hover .contant{
   display: block;
   bottom:20px;
} */
#btn a{
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin:0 5px;
    line-height: 24px;
    background-color: #eee;
    color: #000;
    cursor: pointer;
    user-select: none;
}
#btn a.active{
    background-color: #00bdff;
    color: #fff;
}
.btn-next{
    color: #00bdff;
    padding:5px 0;
    margin-left:20px;
}
.listbutton{
    display: inline-block;
    margin-top: 45px;
}
/* 页脚广告部分的样式 */
#advert{
    padding:24px 0;
}
